<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>SWT RowLayout</title>
	<link href="../../../book.css" rel="stylesheet" type="text/css">
</head>

<body>
<h1>SWT RowLayout</h1>
<table border="0" width="800" cellspacing="0" cellpadding="0">
	<tr>
		<td><b>RowLayout</b> determines the size and position of the children of 
		a <b>Composite</b> by placing them either in horizontal rows or vertical 
		columns within the parent <b>Composite</b>. <b>RowLayout</b> aligns all 
		controls in one row if the type is set to horizontal, and one column if 
		it is set to vertical. It has the ability to wrap, and provides 
		configurable margins and spacing. <b>RowLayout</b> has a number of 
		configuration fields. In addition, the height and width of each control 
		in a <b>RowLayout</b> can be specified by setting a <b>RowData</b> 
		object into the control using <b>setLayoutData()</b>.<ul>
		<li><a href="#MainFeatures">Main Features</a></li>
		<li><a href="#GraphicalFeedback">Graphical Feedback</a></li>
	</ul>
    <p></p>
<h2><a name="MainFeatures"></a>Main Features</h2>
            <ul>
              <li>Select <b>RowLayout</b> from the <b>Layouts</b> palette and 
				drop it on a Window or Composite</li>
            </ul>
<blockquote>
	<p>
	<img border="0" src="images/rl_design_view.gif"></p>
</blockquote>
<ul>
				<li>Graphical feedback is provided for all drop and move 
				interactions</li>
            </ul>
<blockquote>
	<p>
	<img border="0" src="images/rl_drop1.gif">&nbsp;
				<img border="0" src="images/rl_move1.gif"></p>
</blockquote>
<ul>
				<li>Spacing can be specified using the <b>
				<a href="../../../com.instantiations.designer.doc.user/html/userinterface/property_pane.html">Property Pane</a></b></li>
            </ul>
<blockquote>
	<p><img border="0" src="images/rl_properties_spacing.gif" align="top">&nbsp;
	<img border="0" src="images/rl_spacing.gif"></p>
</blockquote>
<ul>
				<li>Margins can be specified using the <b>
				<a href="../../../com.instantiations.designer.doc.user/html/userinterface/property_pane.html">Property Pane</a></b></li>
            </ul>
<blockquote>
	<p><img border="0" src="images/rl_properties_margins.gif" align="top">&nbsp;
	<img border="0" src="images/rl_margins.gif"></p>
</blockquote>
<ul>
				<li>Packing can be specified using the <b>
				<a href="../../../com.instantiations.designer.doc.user/html/userinterface/property_pane.html">Property Pane</a></b></li>
            </ul>
<blockquote>
	<p><img border="0" src="images/rl_properties_pack.gif" align="top">&nbsp;
	<img border="0" src="images/rl_pack.gif"></p>
</blockquote>
<ul>
				<li>Justification can be specified using the <b>
				<a href="../../../com.instantiations.designer.doc.user/html/userinterface/property_pane.html">Property Pane</a></b></li>
            </ul>
<blockquote>
	<p><img border="0" src="images/rl_properties_justify.gif" align="top">&nbsp;
	<img border="0" src="images/rl_justify.gif"></p>
</blockquote>
<ul>
				<li>Orientation can be specified using the <b>
				<a href="../../../com.instantiations.designer.doc.user/html/userinterface/property_pane.html">Property Pane</a></b></li>
            </ul>
<blockquote>
	<p><img border="0" src="images/rl_properties_type.gif" align="top">&nbsp;
	<img border="0" src="images/rl_type.gif" width="248" height="188"></p>
</blockquote>
<ul>
				<li>Fill can be specified using the <b>
				<a href="../../../com.instantiations.designer.doc.user/html/userinterface/property_pane.html">Property Pane</a></b></li>
            </ul>
<blockquote>
	<p><img border="0" src="images/rl_properties_fill.gif" align="top">&nbsp;
	<img border="0" src="images/rl_fill.gif"></p>
</blockquote>
          <p></p>
            <h2><a name="GraphicalFeedback"></a>Graphical Feedback</h2>
            <ul>
              <li>When moving a widget or adding a new widget, the current drop 
				point is highlighted in red<br>
				<br>
	<img border="0" src="images/rl_drop1.gif">&nbsp;
	<img border="0" src="images/rl_drop2.gif"><br>
				<img border="0" src="images/rl_move1.gif">&nbsp;
				<img border="0" src="images/rl_move2.gif"></li>
            </ul>
		</td>
	</tr>
</table>
</body>
</html>